<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="shortcut icon" href="//www.baidu.com/img/baidu_85beaf5496f291521eb75ba38eacbd87.svg" type="image/x-icon">
  <title>百度一下，你就知道</title>
  <link rel="stylesheet" href="./index.css">
  <script src="./index.js"></script>
</head>

<body>
  <nav>
    <div class="left">
      <ul>
        <li><a href="">新闻</a></li>
        <li><a href="">hao123</a></li>
        <li><a href="">地图</a></li>
        <li><a href="">直播</a></li>
        <li><a href="">视频</a></li>
        <li><a href="">贴吧</a></li>
        <li><a href="">学术</a></li>
        <li>
          <a href="">更多</a>
          <div class="more-button">
            <div class="more-button-row1">
              <a class="button-item"></a>
              <a class="button-item"></a>
              <a class="button-item"></a>
              <a class="button-item"></a>
            </div>

            <div class="more-button-row2">
              <a class="button-item"></a>
              <a class="button-item"></a>
              <a class="button-item"></a>
              <a class="button-item"></a>
            </div>

            <div class="more-button-tomore">查看全部百度产品</div>
          </div>
        </li>
      </ul>
    </div>
    <div class="right">
      <div class="weather">
        <span class="weather-city">朔州 </span>
        <span class="show-icon">
          <img class="weather-icon"
            src="https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/weather/icons/a7.png">
          <span class="show-icon-temp">26℃</span>
        </span>
        <span class="show-airParm">优</span>

      </div>
      <div class="setting">设置</div>
      <div class="user">
        <span class="photo">
          <img src="https://himg.bdimg.com/sys/portraitn/item/72926a616e6b696e77616e6732a169" alt="jankinwang2">
        </span>
        <span class="username">jankinwang2</span>
      </div>
    </div>
  </nav>

  <main>
    <div class="main">
      <img width="270" height="129" src="//www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" alt="百度一下，你就知道">
      <form name="f" action="/s" class="search-form">
        <span class="input-box">
          <input type="text" name="key" id="search-input" autocomplete="off">
        </span>
        <span class="psubmit">
          <input type="submit" value="百度一下">
        </span>
      </form>
    </div>


  </main>

  <footer>
    <span><a href="">关于百度</a></span>
    <span><a href="">About Baidu</a></span>
    <span><a href="">百度使用必读</a></span>
    <span><a href="">帮助中心</a></span>
    <span><a href="">京公网安备11000002000001号</a></span>
    <span>©2021 Baidu</span>
    <span>互联网药品信息服务资格证书 (京)-经营性-2017-0020</span>
    <span><a href="">信息网络传播视听节目许可证 0110516</a></span>
  </footer>
</body>

</html>